<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

	<link rel="stylesheet" type="text/css" href="/static/home/css/swiper-4.2.2.min.css">
	<link rel="stylesheet" href="/static/home/css/main.css">
    <script src="/static/home/js/swiper-4.2.2.min.js" ></script>
    <link rel="stylesheet" type="text/css" href="/static/home/css/alert.css">
    <link rel="stylesheet" type="text/css" href="/static/home/css/zoom.css">
</head>
<body>
     {include file="public/header" /}

    <div class="houdong-1" style="background-color: #fff">
        <div class="houdong-1-bt">
            <div><a href = "/index.php/Kephome/khfk.html"><img class="bt1" src="/static/home/img/fk1.png" alt=""><img class="bt2" src="/static/home/img/fk1(1).png" alt=""></a></div>
            <div class="bxz"><a href="/index.php/Kephome/index.html"><img class="bt1" src="/static/home/img/fk2.png" alt=""><img class="bt2" src="/static/home/img/fk2(1).png" alt=""></a></div>
            <div><img class="bt1" src="/static/home/img/fk3.png" alt=""><img class="bt2" src="/static/home/img/fk3(1).png" alt=""></div>
        </div>
    </div>
    <div class="khkb-nr">
        <div class="khkb-1">
            
            
            
            
            
             {volist name="data_fg" id="v"}
    
             
             <div class="pinlun-nr">
                <div class="pinlun-nr-l">
                    <div class="pinlun-nr-l-tx">
                        <img src="{$v.main_img}" alt="">
                    </div>
                </div>
                <div class="pinlun-nr-r">
                    <div class="pinlun-nr-r-t">
                        <div class="pinlun-nr-r-t1">
                            <p>{if $v.create_time>0}{$v.create_time|date='m',###}月{$v.create_time|date='d',###}日{/if} &nbsp;<img src="/static/home/img/rili.png" alt=""> <span>星期{if $v.create_time>0}{$v.create_time|date='w',###}{/if}</span></p>
                        </div>
                        <div class="pinlun-nr-r-t2">
                            <p>{$v.title}</p>
                            <span>
                                {$v.seo_title}
                            </span> 
                        </div>
                    </div>
                    <div class="pinlun-nr-r-b">
                        <div class="pinlun-nr-r-b-tp gallery" id="gallery">
                            <ul>
               
                        {volist name="$v.info" id="s"}
                         <li class="item"><a href="{$s.works_pic}"><img src="{$s.works_pic}" /></a></li>

                           {/volist}
                                 
                                <div class="zuojtb"><img src="/static/home/img/zjtb.png" alt=""></div>
                                <div class="youjtb"><img src="/static/home/img/zjtb.png" alt=""></div>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
             
             
             
             
             
             
             
             
             
             
                                  {/volist}
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
            
      
         
           
           
       
        </div>
    </div>

    <div class="khkb-nr2">
        <div class="khkb-nr2-btn">
            浏览更多
         
        </div>
    </div>

    {include file="public/foot" /}
    <div class="zhanpin">
        <img class="gb" src="/static/home/img/guabi.png" alt="">
    </div>
    <script src="/static/home/js/jquery-1.11.3.js"></script>
    <script src="/static/home/js/alert.js"></script>
    <script src="/static/home/js/main.js"></script>
    <script type="text/javascript" src="/static/home/js/zoom.min.js"></script>
    <script type="text/javascript">
        (function ($) {
            $.fn.myPlugin = function () {
                var $lis = $(this).children(".gallery").children("ul").children("li")
            var w1 = 0
                $lis.each(function(){
                w1 += $(this).width()+10;
    
                });
                console.log(w1)
            if(w1>460){
                $(this).children(".gallery").children("ul").children(".youjtb").css("display","block")
                $(this).children(".gallery").children("ul").children(".youjtb").click(function(){
    
                    $(this).parent("ul").css("margin-left",-(w1-470)+"px")
                    $(this).css("display","none")
                    $(this).siblings(".zuojtb").css("display","block")
                })
                $(this).children(".gallery").children("ul").children(".zuojtb").click(function(){
                    $(this).parent("ul").css("margin-left",0+"px")
                    $(this).css("display","none")
                    $(this).siblings(".youjtb").css("display","block")
                })
                console.log(111)
            }
            };
        })(jQuery);
    
        $(".pinlun-nr-r-b").each(function(){
            $(this).myPlugin()
        });
        $(".pinlun-2 li").click(function(){
            console.log(111)
            var Y1 = $(this).position().left;
            console.log(Y1)
            $(".plxhx").css("left",Y1+90+'px');
        });
    </script>
</body>
<script>
</script>